/**
 * 省市联动：数组的内容显示在页面
 * 1、首先定义省份和对应城市的数组
 * 2、获取下拉表元素对象
 * 3、省份下拉表数据显示出来
 * 4、 给省份下拉表添加改变事件；
 *   城市下拉表数据显示出来
 */
//首先定义省份和对应城市的数组
var provinceArr = ['浙江', '江苏', '上海'];
var cityArr = [
	['杭州', '宁波', '温州', '绍兴', '台州'],
	['南京', '苏州', '无锡', '扬州'],
	['黄浦区', '浦东区', '静安区']
];
//2、获取下拉列表元素对象
var province = document.getElementById('province');
var city = document.getElementById('city');
//3省份下拉表数据显示出来
//徐变换遍历省份已维数组，将数组添加懂啊下拉表中
//通过Option对象创建html中<select>标签内的<option>
for(var i in provinceArr) {
	//<option value="0"> 浙江</option>
	//Option（x,y） x:文本 y:value
	var op = new Option(provinceArr[i], i);
	province.options.add(op);
}
//4、 给省份下拉表添加改变事件,城市下拉表数据显示出来
province.onchange=function(){
	//添加之前要清空
	city.length=0;
	//获取当前省份
	var selected=province.value
	//2对应的城市数据cityArr[seleed]
	for(var j in cityArr[selected]) {
	var op = new Option(cityArr[selected][j],j);
	city.options.add(op);
}
	
	
	}
	
//	var op=new Option('温州',0);
//	city.option.add(op);
		
	}
}
